<%-- 
    Document   : sequence
    Created on : 3 déc. 2013, 11:15:14
    Author     : hp
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->


<head>

<!-- Basic Page Needs
  ================================================== -->
<meta charset="utf-8">
<title>PA-learning:séquence</title>
<meta name="description" content="">
<meta name="author" content="Ahmed Saeed">
<!-- Mobile Specific Metas
  ================================================== -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
  ================================================== -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/bootstrap.min.css"
	media="screen">
<!-- jquery ui css -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/jquery-ui-1.10.1.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/customize.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/font-awesome.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/style.css">
<!-- flexslider css-->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/css/flexslider.css">
<!-- fancybox -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/Vues/js/fancybox/jquery.fancybox.css">
<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
		<link rel="stylesheet" href="css/font-awesome-ie7.css">
	<![endif]-->
<!-- Favicons
	================================================== -->
<link rel="shortcut icon"
	href="${pageContext.request.contextPath}/Vues/images/favicon.html">
<link rel="apple-touch-icon"
	href="${pageContext.request.contextPath}/Vues/images/apple-touch-icon.html">
<link rel="apple-touch-icon" sizes="72x72"
	href="${pageContext.request.contextPath}/Vues/images/apple-touch-icon-72x72.html">
<link rel="apple-touch-icon" sizes="114x114"
	href="${pageContext.request.contextPath}/Vues/images/apple-touch-icon-114x114.html">
</head>

<body >

	<div id="mainContainer" class="clearfix">

		<!--begain header-->
		<header>
			<div class="upperHeader">
				<div class="container">
					<ul class="pull-right inline">
						<li><a href=""><img
								src="${pageContext.request.contextPath}/Vues/img/reseausosc/facebook_32.png" /></a></li>
						<li><a href="#"><img
								src="${pageContext.request.contextPath}/Vues/img/reseausosc/google_32.png" /></a></li>
						<li><a href="http://twitter.com/amaranthe"><img
								src="${pageContext.request.contextPath}/Vues/img/reseausosc/twitter_32.png" /></a></li>
						<li><a href="#"><img
								src="${pageContext.request.contextPath}/Vues/img/reseausosc/youtube_32.png" /></a></li>
					</ul>
					<% if (session.getAttribute("connecte") ==null  ){%>
                        <p>
                            Bienvenu au PA-Learning<a href="loginLerner">Connexion</a> ou <a href="register">Creer un nouveaux Compte</a>
                        </p>
                        <%} %>
                         	<% if (session.getAttribute("connecte") != null ){%>
                        <p>
                            Bienvenu au PA-Learning<a href="deconnecter">D&eacute;connexion</a>
                        </p>
                       <%} %>


				</div>
				<!--end container-->
			</div>
			<!--end upperHeader-->

			<div class="middleHeader">
				<div class="container">

					<div class="middleContainer clearfix">

						<div class=" ">
							<h1>
								<a href="front"><img alt="" src="${pageContext.request.contextPath}/Vues/img/icons/basic/logo.png"></a>
							</h1>
						</div>

						<div class="pull-right">
							<form method="get" action="" class="siteSearch">
								<div class="input-append">
									<input type="text" class="span2" id="appendedInputButton"
										placeholder="Search...">
									<button class="btn btn-primary" type="submit" name="">
										<i class="icon-search"></i>
									</button>
								</div>
							</form>
						</div>

						<div class="pull-right">

							<div class="btn-group">
								<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
									FR <span class="caret"></span>
								</a>
								<ul class="dropdown-menu language">
									<li><a href="#">EN</a></li>


								</ul>
							</div>



						</div>
						<!--end middleCoontainer-->
					</div>
					<!--end middleCoontainer-->

				</div>
				<!--end container-->
			</div>
			<!--end middleHeader-->

			<div class="mainNav">
				<div class="container">
					<div class="navbar">

                            <ul class="nav">
                                <li class="active"><a href="index.jsp"><i class="icon-home"></i></a></li>
                                <li>
                                    <a href="front">A propos<i class="icon-caret-down"></i></a>
                                    <div>
                                        <ul>
                                            <li><a href="profileformateurs"> <span>-</span>Nos Formateurs<i class="icon-caret-right"></i></a>
                                      <div>
                                        <ul>
                                            <li><a href="loginprof"> <span>-</span>Connectez Vous</a></li>
                                            
                                        </ul>
                                    </div>
                                    </li>
                                            <li><a href="loginresponsable.jsp"> <span>-</span> Responsable de qualité<i class="icon-caret-right"></i></a>
                                             <div>
                                        <ul>
                                            <li><a href="loginresponsable"> <span>-</span>Connectez Vous</a></li>
                                            
                                        </ul>
                                    </div></li>
                                        
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="themeFront">Cours<i class="icon-caret-down"></i></a>
                                    <div>
                                        <ul>
                                        <s:iterator value="th">
                                            <li><a href="themeFront1?pk=<s:property value="Thid"/>"> <s:property value="Hoti"/><i class="icon-caret-right"></i></a>
                                            <div>
                                                    <ul>
                                                    <s:iterator value="module">
                                                        <li><a href="modulFront1?pk=<s:property value="Moid"/>">  <s:property value="Homo"/> </a>
                                                              
                                                        </li>
                                                    </s:iterator>    
                                                    </ul>
                                                </div>      
                                            </li>
                                            </s:iterator>
                                            
                                          
                                        </ul>
                                    </div>
                                </li>
                                 <s:set name="session" value="session['connecte']"></s:set>
                         <s:if test="%{#session ==null}" >
                                <li>
                                    <a href="loginLerner">Examen</a>
                                                                   </li>
                                </s:if>
                        <s:if test="%{#session =='true'}" >
                                <li>
                                    <a href="examthemefront">Examen</a>
                                                                   </li>
                                </s:if>
                                 
                                <li><a href="entreprise.jsp">Entreprise</a></li>
                                <li><a href="#">Forum</a></li>
                                <li>
                                    <a href="contact">Contactez-nous<i class="icon-caret-down"></i></a>
                                    <div>

                                    </div>
                                </li>
                                 <li><a href="#">Messagerie</a></li>
                               

                            </ul><!--end nav-->
                        </div>
				</div>
				<!--end container-->
			</div>
			<!--end mainNav-->

		</header>
		<!-- end header -->



		<div class="container">

			<div class="row">

				<div class="span9">

					<article class="blog-article">
						<div class="blog-img">
							<iframe id="text1" width="300" height="300" frameborder="0"
								src="<s:property value="sequence.Link"/>" allowfullscreen></iframe>
						</div>
						<!--end blog-img-->

						<div class="blog-content">
							<div class="blog-content-title">
								<h2>
									<a href="#" class="invarseColor"><s:property value="sequence.Hosq"/></a>
								</h2>
							</div>
							<div class="clearfix">
								<ul class="unstyled blog-content-date">
									<li class="pull-right"><i class="icon-comments"></i> 15</li>
									<li class="pull-left"><i class="icon-calendar"></i> <s:property value="sequence.date"/></li>
									<li class="pull-left"><i class="icon-pencil"></i> <a
										href="#"><s:property value="sequence.trainer_sq.Natr"/></a></li>
									<li class="pull-left"><i class="icon-time"></i> Durée</li>
									<span class='st_facebook_hcount' displayText='Facebook'></span>
									<span class='st_twitter_hcount' displayText='Tweet'></span>

								</ul>
							</div>
							<div class="blog-content-entry">
								<p><s:property value="sequence.Dusq"/>.</p>

								
								
							</div>
						</div>
						<!--end blog-content-->
					</article>
					<!--end article-->

					<div class="about-author well">
						<div class="pull-left">
							<a href="#">
							<s:set name="picture" value="sequence.trainer_sq.picture"></s:set>
							<s:if test="%{#picture == null}"><img
									class="media-object"
									src="${pageContext.request.contextPath}/Vues/img/72x72.jpg"
									alt="user-avatar"></s:if>
									
									<s:if test="%{#picture != null}"><img
									class="media-object"
									src='<s:property value="sequence.trainer_sq.picture"/>'
									alt="user-avatar" style="width:70px;height:70px;margin-top:-10px;"></s:if>
							</a>
						</div>
						<div>
							<h4>
								About: <a href="#"><s:property value="sequence.trainer_sq.Natr"/></a>
							</h4>
							<p><s:property value="sequence.trainer_sq.description"/></p>
						</div>
					</div>
					<!--end about-author-->

					<div class="user-comments">
						<div class="titleHeader clearfix">
							<h3>Commantaires</h3>
						</div>
						<!--end titleHeader-->

						<ul class="media-list">
							<li class="media"><a class="pull-left" href="#"> <img
									class="media-object"
									src="${pageContext.request.contextPath}/Vues/img/64x64.jpg"
									alt="user-avatar">
							</a>
								<div class="media-body">

									<h4 class="media-heading">
										<a href="#" class="invarseColor">John Doe1</a>
									</h4>
									<p>consectetur adipiscing eli. Nulla tristique posuere
										felis vel pretium. Sed sit amet nisi elit. consectetur
										adipiscing eli. Nulla tristique posuere felis vel pretium. Sed
										sit amet nisi elit.</p>
								</div></li>
							<li class="media"><a class="pull-left" href="#"> <img
									class="media-object"
									src="${pageContext.request.contextPath}/Vues/img/64x64.jpg"
									alt="user-avatar">
							</a>
								<div class="media-body">

									<h4 class="media-heading">
										<a href="#" class="invarseColor">John Doe1</a>
									</h4>
									<p>consectetur adipiscing eli. Nulla tristique posuere
										felis vel pretium. Sed sit amet nisi elit. consectetur
										adipiscing eli. Nulla tristique posuere felis vel pretium. Sed
										sit amet nisi elit.</p>

									<div class="media">
										<ul>
											<li class="media"><a class="pull-left" href="#"> <img
													class="media-object"
													src="${pageContext.request.contextPath}/Vues/img/64x64.jpg"
													alt="user-avatar">
											</a>
												<div class="media-body">

													<h4 class="media-heading">
														<a href="#" class="invarseColor">John Doe1</a>
													</h4>
													<p>consectetur adipiscing eli. Nulla tristique posuere
														felis vel pretium. Sed sit amet nisi elit. consectetur
														adipiscing eli. Nulla tristique posuere felis vel pretium.
														Sed sit amet nisi elit.</p>
												</div></li>
										</ul>
									</div>
								</div></li>
							<li class="media"><a class="pull-left" href="#"> <img
									class="media-object"
									src="${pageContext.request.contextPath}/Vues/img/64x64.jpg"
									alt="user-avatar">
							</a>
								<div class="media-body">

									<h4 class="media-heading">
										<a href="#" class="invarseColor">John Doe1</a>
									</h4>
									<p>consectetur adipiscing eli. Nulla tristique posuere
										felis vel pretium. Sed sit amet nisi elit. consectetur
										adipiscing eli. Nulla tristique posuere felis vel pretium. Sed
										sit amet nisi elit.</p>
								</div></li>
						</ul>
						<!--end media-list-->
					</div>
					<!--end user-comments-->

					<div class="make-comment">
						<div class="titleHeader clearfix">
							<h3>Laisser un commentaire</h3>
						</div>
						<!--end titleHeader-->

						<form method="post" action="" class="clearfix">

							<div class="controls">
								<textarea name="" class="span9" placeholder="votre Message...*"></textarea>
							</div>
							<button type="submit" class="btn btn-primary pull-right">Ajouter
								Un Commentaire</button>
						</form>
						<!--end form-->
					</div>
					<!--end make-comment-->

				</div>
				<!--end span9-->


				<aside class="span3">
					<div class="product-tab">
						<ul class="nav nav-tabs">


							<li class="dropdown"><a href="#" class="dropdown-toggle"
								data-toggle="dropdown">Module <i class="icon-caret-down"></i></a>
								<ul class="dropdown-menu">
									<s:iterator value="parti">
									  <li></li>
										<li><a href="#<s:property value="id" />" data-toggle="tab"> <s:property
													value="Hopart" />
										</a></li>
									</s:iterator>
								</ul></li>
						</ul>
						<div class="tab-content">

							<div class="tab-pane" id="return-info">
								<h4>Read our Returning info</h4>
								<br>
								<p>Suspendisse potenti. In non nisl sem, eu rutrum augue.
									Donec eu dolor vel massa ornare cursus id eget erat. Mauris in
									ante magna. Curabitur eget risus mi, non interdum lacus. Duis
									magna leo, rhoncus eget malesuada quis, semper a quam. Morbi
									imperdiet imperdiet lectus ac pellentesque. Integer diam sem,
									vulputate in feugiat ut, porttitor eu libero. Integer non dolor
									ipsum. Cras condimentum mattis turpis quis vestibulum. Nulla a
									augue ipsum. Donec aliquam velit vel metus fermentum dictum
									sodales metus condimentum. Nullam id massa quis nulla molestie
									ultrices eget sed nulla. Cras feugiat odio at tellus euismod
									lacinia.</p>
							</div>
							
							<s:iterator value="parti" >
							<div class="tab-pane"  id="<s:property value="id" />">
                            
								<s:iterator value="seq">
								
									<!--end review-header-->
                           
									<div class="review-body" style="margin-top:-25px;">
									 
									<ul class="vProductItems cycle-slideshow vertical clearfix">
										<li class="span4 clearfix">
                                    <div class="thumbImage">
                                    
                                        <a href="findvideo?id=<s:property value="id"/>">
                                        <input type="hidden" id="aa" value="<s:property value="Link" />" />
                                        <script type="text/javascript">
    function youtubeFeedCallback(json){
        document.writeln('<img src="' + json.data.thumbnail.sqDefault + '" style="width:90px;">');
    }
</script>
<script type="text/javascript">
	var a = '<s:property value="Link"/>';
	var b = a.split('embed/')[1];
	var url = 'http://gdata.youtube.com/feeds/api/videos/' + b
			+ '?v=2&alt=jsonc&callback=youtubeFeedCallback';

	document
			.writeln('<' + 'script type="text/javascript" src="' + url + '"></' + 'script>');
</script>
														</a>
                                    </div>
                                    <div class="thumbSetting">
                                        <div class="thumbTitle">
                                            <a href="findvideo?id=<s:property value="id" />" class="invarseColor">
                                              <s:property value="Hosq" />
                                            </a>
                                        </div>
                                        <div class="thumbPrice">
                                            <span><s:property value="date" /></span>
                                        </div>
                                        <s:set name="note" value='%{note}'></s:set>
                                        <s:if test="%{note!=null}">
                                      <s:if test="%{#note==''}">
                                        <ul class="rating">
                                            <li><i class="star-off"></i></li>
                                            <li><i class="star-off"></i></li>
                                            <li><i class="star-off"></i></li>
                                            <li><i class="star-off"></i></li>
                                            <li><i class="star-off"></i></li>
                                        </ul>
                                        </s:if>
                                        <s:if test="%{#note==1}">
                                        <ul class="rating">
                                            <li><i class="star-on"></i></li>
                                            <li><i class="star-off"></i></li>
                                            <li><i class="star-off"></i></li>
                                            <li><i class="star-off"></i></li>
                                            <li><i class="star-off"></i></li>
                                        </ul>
                                        </s:if>                                   
                                        <s:if test="%{#note==2}">
                                        <ul class="rating">
                                            <li><i class="star-on"></i></li>
                                            <li><i class="star-on"></i></li>
                                            <li><i class="star-off"></i></li>
                                            <li><i class="star-off"></i></li>
                                            <li><i class="star-off"></i></li>
                                        </ul>
                                        </s:if>
                                        <s:if test="%{#note==3}">
                                        <ul class="rating">
                                            <li><i class="star-on"></i></li>
                                            <li><i class="star-on"></i></li>
                                            <li><i class="star-on"></i></li>
                                            <li><i class="star-off"></i></li>
                                            <li><i class="star-off"></i></li>
                                        </ul>
                                        </s:if>
                                        <s:if test="%{#note==4}">
                                        <ul class="rating">
                                            <li><i class="star-on"></i></li>
                                            <li><i class="star-on"></i></li>
                                            <li><i class="star-on"></i></li>
                                            <li><i class="star-on"></i></li>
                                            <li><i class="star-off"></i></li>
                                        </ul>
                                        </s:if>
                                        <s:if test="%{#note==5}">
                                        <ul class="rating">
                                            <li><i class="star-on"></i></li>
                                            <li><i class="star-on"></i></li>
                                            <li><i class="star-on"></i></li>
                                            <li><i class="star-on"></i></li>
                                            <li><i class="star-on"></i></li>
                                        </ul>
                                        </s:if>
                                        </s:if>
                                    </div>
                                </li>
                                	
                                </ul>
									</div>
									<!--end review-body-->
							
       								<!--end single-review-->
                               
                           </s:iterator><br><br>
                          	<% if (session.getAttribute("connecte") =="true" ){%>
									<h3>acc&eacute;e au teste</h3>
									<s:iterator value="assessment">
										<a href="findtestLearnerfront1?pk1=<s:property value="Aslid"/>"><s:property
												value="Hoal" /></a>
										<br />
									</s:iterator>
                                   <%}%>
							</div>
                           </s:iterator>
                        
							<div class="tab-pane" id="make-review">
		
								<form method="post" action="" class="form-horizontal">
									<div class="control-group">
										<label class="control-label" for="inputName">Your Name
											<span class="text-error">*</span>
										</label>
										<div class="controls">
											<input type="text" name="#" id="inputName"
												placeholder="John Doe...">
										</div>
									</div>
									<div class="control-group">
										<label class="control-label" for="inputReview">Your
											Review <span class="text-error">*</span>
										</label>
										<div class="controls">
											<textarea name="#" id="inputReview"
												placeholder="Put your review here..."></textarea>
										</div>
									</div>
									<div class="control-group">
										<label class="control-label" for="inputReview">Your
											Review <span class="text-error">*</span>
										</label>

									</div>

								</form>
								<!--end form-->
							</div>
						</div>
						<!--end tab-content-->
					</div>
					<!--end product-tab-->
					<!--end blog-tab-->

					<div class="blog-category categories">
						<div class="span3">
							<div class="titleHeader clearfix">
								<h3>Telecharger notre application</h3>
							</div>
							<!--end titleHeader-->
							<ul class="unstyled my-account">

								<li><img
									src="${pageContext.request.contextPath}/Vues/img/android.jpg" /></li>
								<li><img
									src="${pageContext.request.contextPath}/Vues/img/iphone.png" /></li>
							</ul>
						</div>
						<!--end span3-->
					</div>
					<!--end blog-category-->
				</aside>
				<!--end span3-->

			</div>
			<!--end row-->

		</div>
		<!--end conatiner-->


		<!--begain footer-->
		<footer>
			<div class="footerOuter">
				<div class="container">
					<div class="row-fluid">

						<div class="span6">
							<div class="titleHeader clearfix">
								<h3>Usefull Links</h3>
							</div>


							<div class="usefullLinks">
								<div class="row-fluid">
									<div class="span6">
										<ul class="unstyled">
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i> About Us</a></li>
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i> Delivery Information</a></li>
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i> Privecy Police</a></li>
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i> Tarms &amp; Condations</a></li>
										</ul>
									</div>

									<div class="span6">
										<ul class="unstyled">
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i> Surf Brands</a></li>
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i> Customer Support</a></li>
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i> Special Gifs</a></li>
											<li><a class="invarseColor" href="#"><i
													class="icon-caret-right"></i> Browse Site Map</a></li>
										</ul>
									</div>
								</div>
							</div>

						</div>
						<!--end span6-->

						<div class="span3">
							<div class="titleHeader clearfix">
								<h3>Contact Info</h3>
							</div>

							<div class="contactInfo">
								<ul class="unstyled">
									<li>
										<button class="btn btn-small">
											<i class="icon-volume-up"></i>
										</button> Call Us: <a class="invarseColor" href="#">5246-4697-891</a>
									</li>
									<li>
										<button class="btn btn-small">
											<i class="icon-envelope-alt"></i>
										</button> <a class="invarseColor" href="#">shopfine@shopfine.com</a>
									</li>
									<li>
										<button class="btn btn-small">
											<i class="icon-map-marker"></i>
										</button> 22 Avenue Park, Los Angeles
									</li>
								</ul>
							</div>

						</div>
						<!--end span3-->

						<div class="span3">
							<div class="titleHeader clearfix">
								<h3>Newslatter</h3>
							</div>

							<div class="newslatter">
								<form method="get" action="http://egythemes.com/shopfine/page">
									<input class="input-block-level" type="text" name="email"
										value="" placeholder="Your Name..."> <input
										class="input-block-level" type="text" name="email" value=""
										placeholder="Your E-Mail...">
									<button class="btn btn-block" type="submit" name="">Join
										Us Now</button>
								</form>
							</div>

						</div>
						<!--end span3-->

					</div>
					<!--end row-fluid-->

				</div>
				<!--end container-->
			</div>
			<!--end footerOuter-->

			<div class="container">
				<div class="row">
					<div class="span12">

						<p>© Copyrights 2013 PA-Learning.com</p>
					</div>
				</div>
			</div>
		</footer>
		<!--end footer-->

	</div>
	<!--end mainContainer-->


	<!-- End Sidebar Widget-->


	<!-- JS
	================================================== -->
	<script type="text/javascript"
		src="http://w.sharethis.com/button/buttons.js"></script>
	<script type="text/javascript">
		stLight.options({
			publisher : "70a9f716-0c2f-4957-9001-a6acc8963202",
			doNotHash : false,
			doNotCopy : false,
			hashAddressBar : false
		});
	</script>
	<script src="${pageContext.request.contextPath}/Vues/js/jquery.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/Vues/js/jquery-ui.min.js"></script>
	<!-- jQuery.Cookie -->
	<script
		src="${pageContext.request.contextPath}/Vues/js/jquery.cookie.js"></script>
	<!-- bootstrap -->
	<script
		src="${pageContext.request.contextPath}/Vues/js/bootstrap.min.js"></script>
	<!-- flexslider -->
	<script
		src="${pageContext.request.contextPath}/Vues/js/jquery.flexslider-min.js"></script>
	<!-- cycle2 -->
	<script
		src="${pageContext.request.contextPath}/Vues/js/jquery.cycle2.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/Vues/js/jquery.cycle2.carousel.min.js"></script>
	<!-- tweets -->
	<script
		src="${pageContext.request.contextPath}/Vues/js/jquery.tweet.js"></script>
	<!-- fancybox -->
	<script
		src="${pageContext.request.contextPath}/Vues/js/fancybox/jquery.fancybox.js"></script>
	<!-- custom function-->
	<script src="${pageContext.request.contextPath}/Vues/js/custom.js"></script>

</body>



</html>